<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 回调函数获取奶茶的方法
        // function gettea(fn){
        //     setTimeout(() => {
        //         fn('喝奶茶')
        //     }, 500);
        // }

        // promise获取奶茶的方法
        function gettea(){
            // resolve可以将异步的数据传递出来
            return new Promise(function(resolve){
                setTimeout(() => {
                    resolve('喝奶茶')
                }, 500);
            })
          
        }
        
        function getHotPot(){
            return new Promise(function(resolve){
                setTimeout(() => {
                    resolve('吃火锅')
                }, 1000);
            })
        }
       
        // 先吃火锅，再喝奶茶
        // getHotPot().then((res)=>{
        //     console.log(res)
        //     return gettea()
        // }).then((res)=>{
        //     console.log(res)
        // })
    
        // async函数  
        async function getData(){
            // 直接获取resolve传递出来的异步数据
           let hotPot = await getHotPot()
           console.log(hotPot)
           let tea = await gettea()
           console.log(tea)
        }
        getData()
        // 回调地狱
        // getHotPot(function(data){
        //     console.log(data)
        //     gettea(function(data){
        //         console.log(data)
        //         gettea(function(data){
        //             console.log(data)
        //         });
        //     });
        // });

        
    </script>
</body>
</html>